<!DOCTYPE html>
<html lang="zh-CN" ng-app="UranusWei">

<head>
    <meta charset="utf-8">
    <title>大型国企入股有利金服</title>
    <!--<link rel="stylesheet" type="text/css" href="../../css/base.css">-->
</head>
<style>
    .hd img {
        /*width: 100%;*/
        vertical-align: middle
    }

    .hdbg_0 {
        background: url(https://file.youlijinfu.com/images/hd/5-19/zhuan717_01.jpg) no-repeat center;
        background-size: 100% 100%;
    }

    .hdbg_1 {
        background: url(https://file.youlijinfu.com/images/hd/5-19/zhuan717_02.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    /*.hdbg {
        background: url(https://file.youlijinfu.com/images/hd/5-19/zhuan717_03.jpg) no-repeat center;
        background-size: 100% 100%;
    }
    */

    .hdbg4 {
        background: url(https://file.youlijinfu.com/images/hd/5-19/zhuan717_04.jpg) no-repeat center;
        background-size: 100% 100%;
    }

    .box {
        background: url(https://file.youlijinfu.com/images/hd/5-19/zhuan717_03.jpg) no-repeat center;
        background-size: 100% 100%;
        width: 100%;
        position: relative;
    }

    .list {
        width: 80%;
        height: 7.5rem;
        overflow: hidden;
        position: absolute;
        left: 10%;
        margin-top: 2rem
    }

    .btn {
        position: absolute;
        top: 50%;
        margin-top: -0.82rem;
        width: 0.6rem;
        height: 1.625rem;
        line-height: 100px;
        font-size: 30px;
        color: white;
        text-decoration: none;
        text-align: center;
        cursor: pointer;
    }

    .prev {
        left: 0.75rem;
        background: url(https://file.youlijinfu.com/images/hd/5-19/but_03.png) no-repeat center;
        background-size: cover;
    }

    .next {
        right: 0.75rem;
        background: url(https://file.youlijinfu.com/images/hd/5-19/but_05.png) no-repeat center;
        background-size: cover;
    }

    .prev:active {
        left: 0.75rem;
        background:url(https://file.youlijinfu.com/images/hd/5-19/but_04.png) no-repeat center; ;
        background-size: cover;
    }

    .next:active {
        right: 0.75rem;
        background: url(https://file.youlijinfu.com/images/hd/5-19/but_06.png) no-repeat center;
        background-size: cover;
    }


    #product_photo_show_hd img {
        position: absolute;
        top: 0;
        left: 0;
        list-style: none;
        transition: all 0.3s ease-out;
        width: 5.2rem;
        height: 7.15rem;
        border: none;
        float: left;
    }

    .p12 {
        transform: translate3d(-20rem, 0, 0) scale(0.6);
        opacity: 0
    }

    .p13 {
        transform: translate3d(0px, 0, 0) scale(0.6);
        transform-origin: 0 50%;
        opacity: 1;
        z-index: 2;
    }

    .p1 {
        transform: translate3d(3.7rem, 0, 0) scale(1);
        z-index: 3;
        opacity: 1;
        margin-top: 3px;
        outline: 2px solid #50478f
    }

    .p2 {
        transform: translate3d(7.6rem, 0, 0) scale(0.6);
        transform-origin: 100% 50%;
        opacity: 1;
        z-index: 99999;
    }

    .p3 {
        transform: translate3d(19rem, 0, 0) scale(1);
        z-index: 3;
        opacity: 0;
    }

    .p4 {
        transform: translate3d(19rem, 0, 0) scale(0.6);
    }

    .p5 {
        transform: translate3d(19rem, 0, 0) scale(0.6);
    }

    .p6 {
        transform: translate3d(896px, 0, 0) scale(0.81);
    }

    .p7 {
        transform: translate3d(1120px, 0, 0) scale(0.81);
    }

    .p8 {
        transform: translate3d(1344px, 0, 0) scale(0.81);
    }

    .p9 {
        transform: translate3d(1568px, 0, 0) scale(0.81);
    }

    .p10 {
        transform: translate3d(1792px, 0, 0) scale(0.81);
    }

    .p11 {
        transform: translate3d(2016px, 0, 0) scale(0.81);
    }

    .tab_num {
        text-align: center;
        font-size: 0.45rem;
        color: #ffffff;
        position: absolute;
        top: 9.8rem;
        left: 50%;
        margin-left: -13px;
    }

    .prevImg {
        width: 3.12rem;
        height: 4.29rem;
        position: absolute;
        z-index: 99999;
        left: 10%;
        top: 3.4rem;
    }

    .nextImg {
        width: 3.12rem;
        height: 4.29rem;
        position: absolute;
        z-index: 99999;
        right: 10%;
        top: 3.4rem
    }
</style>

<body>
    <div ng-include="'html/shared/_baseheader.html'"></div>
    <section id="wrapper">
        <div id="scroller">
            <div id="pullDown">
                <span class="pullDownIcon"></span><span class="pullDownLabel"></span>
            </div>
            <div class="hd">
                <div class="hdbg_0" style="height:{{deviceInfo.width/750*879-1}}px"></div>
                <div class="hdbg_1" style="height:{{deviceInfo.width/750*962-1}}px"></div>
                <div class="box" style="height:{{deviceInfo.width/750*515-1}}px;">
                    <div class="list">
                        <div id="product_photo_show_hd">
                            <img class="js_layou_photos p1" src="https://file.youlijinfu.com/images/xieyi/01.jpg" on-load="imgContractLoad()" vg-src="'images/xieyi/01.jpg'" alt="" />
                            <img class="js_layou_photos p2" src="https://file.youlijinfu.com/images/xieyi/02.jpg" on-load="imgContractLoad()" vg-src="'images/xieyi/02.jpg'" alt="" />
                            <img class="js_layou_photos p3" src="https://file.youlijinfu.com/images/xieyi/03.jpg" on-load="imgContractLoad()" vg-src="'images/xieyi/03.jpg'" alt="" />
                            <img class="js_layou_photos p4" src="https://file.youlijinfu.com/images/xieyi/04.jpg" on-load="imgContractLoad()" vg-src="'images/xieyi/04.jpg'" alt="" />
                            <img class="js_layou_photos p5" src="https://file.youlijinfu.com/images/xieyi/05.jpg" on-load="imgContractLoad()" vg-src="'images/xieyi/05.jpg'" alt="" />
                            <img class="js_layou_photos p6" src="https://file.youlijinfu.com/images/xieyi/06.jpg" on-load="imgContractLoad()" vg-src="'images/xieyi/06.jpg'" alt="" />
                            <img class="js_layou_photos p7" src="https://file.youlijinfu.com/images/xieyi/07.jpg" on-load="imgContractLoad()" vg-src="'images/xieyi/07.jpg'" alt="" />
                            <img class="js_layou_photos p8" src="https://file.youlijinfu.com/images/xieyi/08.jpg" on-load="imgContractLoad()" vg-src="'images/xieyi/08.jpg'" alt="" />
                            <img class="js_layou_photos p9" src="https://file.youlijinfu.com/images/xieyi/09.jpg" on-load="imgContractLoad()" vg-src="'images/xieyi/09.jpg'" alt="" />
                            <img class="js_layou_photos p10" src="https://file.youlijinfu.com/images/xieyi/10.jpg" on-load="imgContractLoad()" vg-src="'images/xieyi/10.jpg'" alt="" />
                            <img class="js_layou_photos p11" src="https://file.youlijinfu.com/images/xieyi/11.jpg" on-load="imgContractLoad()" vg-src="'images/xieyi/11.jpg'" alt="" />
                            <img class="js_layou_photos p12" src="https://file.youlijinfu.com/images/xieyi/12.jpg" on-load="imgContractLoad()" vg-src="'images/xieyi/12.jpg'" alt="" />
                            <img class="js_layou_photos p13" src="https://file.youlijinfu.com/images/xieyi/13.jpg" on-load="imgContractLoad()" vg-src="'images/xieyi/13.jpg'" alt="" />
                        </div>
                    </div>
                    <p class="tab_num"><span id="num">1</span>/13</p>
                    <div class="prevImg"></div>
                    <div class="nextImg"></div>
                    <a href="javascript:;" class="prev btn"></a>
                    <a href="javascript:;" class="next btn"></a>
                </div>
                <div class="hdbg4" style="height:{{deviceInfo.width/750*131-1}}px">
                </div>
            </div>
        </div>
    </section>
</body>

</html>